 <template>
  <div class="margin-bottom">

    <div class="select-container">
      <input type="text">
      <div>搜索</div>
    </div>
    
    <div class="content-container">
      <div class="tab-container">
        <div>最近活动</div>
        <div>往期活动</div>
      </div>
      
    </div>

    <!-- tab导航 -->
    <tabbar></tabbar>
  </div>
</template>

<script>
import tabbar from "src/components/tab/tabbar";

export default {
  data() {
    return {};
  },
  components: {
    tabbar
  },
  mounted() {}
  // beforeDestroy() {
  //   clearInterval(this.timer);
  // }
};
</script>

<style lang="scss" scoped>
@import "../../style/mixin";

.margin-bottom {
  margin-bottom: 1.7rem;
}

.select-container {
  @include sc(0.3rem, #888);
  @include fj(center);
  height: 2rem;
  line-height: 2rem;
  background: #fff;
  align-items: center;

  input {
    border: 2px solid #f1f1f1;
    height: 1rem;
    line-height: 1rem;
    width: 5.6rem;
    border-radius: 5px;
  }
}
// .select-container:before{
//   content: '';
//   width: 0.6rem;
//   height: 0.6rem;
//   background: url('../../images/icon/info/inform.png');
// }

.content-container {
  @include sc(0.3rem, #888);

  .tab-container {
    @include fj(space-around);
    height: 1rem;
    line-height: 1rem;
    background: #fff;
    margin-top: 0.1rem;
  }
}
</style>
